// 定义一个入口函数
$(function () {
    getUserInfo()
    var layer=layui.layer
    // 绑定退出登录事件的按钮
    $('#btnLoginOut').on('click',function(){
        // 出现确认弹出层 
        layer.confirm('确认退出登录吗？', {icon: 3, title:'提示'},
        function(index){
            //移除token
            localStorage.removeItem('token')
            // 页面跳装到登录页面
            location.href='/login.html'  
            layer.close(index);
          });
    })
})
// 定义一个获取用户信息的函数
function getUserInfo() {
    $.ajax({
        type: 'get',
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token') || ''
        // },
        success: function (res) {
            if(res.status!==0){
                return layui.layer.msg('获取用户信息失败')
            }
            // 渲染用户头像
            renderAvater(res.data)
        },
        // complete:function(res){
        //     console.log(res)
        //     if(res.responseJSON.status=== 1&& res.responseJSON.message==="身份认证失败！"){
        //         localStorage.removeItem('token')
        //         location.href='/login.html'
        //     }
        // }
    })
}
// 封装一个渲染用户头像的函数
function  renderAvater(user){
// 如用用户有昵称优先展示昵称
var name=user.nickname||user.username
// 设置欢迎的文本
$('#welcome').html('欢迎&nbsp;&nbsp;'+name)
// 如果用户有头像则优先展示用户头像
if(user.user_pic !==null){
// 展示用户头像，隐藏默认文本头像
$('.layui-nav-img').attr('src',user.user_pic).show()
$('.text-avater').hide()
}else{
$('.layui-nav-img').hide()
// 把用户名的第一个字变为头像内容，注意考虑英文情况
var first =name[0].toUpperCase()
$('.text-avater').html(first).show()
}
}